<template>
  <!--会员折扣页面-->
  <div>
    <swiper :imgList="imgList"></swiper>
    <ul>
      <span v-html="config.content"></span>
    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
  import {huiyuanzhekou} from '../../../test/unit/http'
  import swiper from '../offertemplate/imgswipertemplate'
  export default {
    name: 'huiyuanzhekou',
    props: {},
    data() {
      return {
        imgList: [],
        config: {}
      };
    },
    methods: {
      getHuiyuanzhekouData(params){
          var that=this;
        huiyuanzhekou(params).then(res => {
          console.log(res);
          if (res.code == 100) {
            that.config = res.object;
            var configImg = res.object.configImg;
            var isEmpty = that.$myUtils.isNull(configImg);
            if (!isEmpty) {
              that.imgList = configImg.split(",");
            }
            console.log(that.imglist)
          }
        })
      }
    },
    created() {
      this.getHuiyuanzhekouData({});
    },
    components: {
      swiper
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  ul {
    padding: 10px;
    text-align: left;
    margin-bottom: 50px;
    li:first-child {
      font-size: 20px;
      color: #111;
      font-weight: 700;
    }
    li:nth-child(2) {
      line-height: 25px;
      font-size: 15px;
      color: #666;
      margin: 10px 0;
    }
  }
</style>
